<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Signin Template for Bootstrap</title>
    <!-- Bootstrap core CSS -->
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link th:href="@{/css/signin.css}" rel="stylesheet">
</head>

<body class="text-center">

<form class="form-signin" th:action="@{/login}" th:method="post">

    <img class="mb-4" th:src="@{/img/zzu.svg}" alt="" width="300" height="250">

    <!--如果msg为空则不显示-->
    <p style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>

    <input type="text" id="username" name="username" class="form-control" th:placeholder="用户名" required="" autofocus="">
    <br>

    <input type="password" id="password" name="password" class="form-control" th:placeholder="密码" required="">
    <br>

    <img id="kaptchaImage" th:src="@{/getVerifyCode}" th:onclick="this.src='/getVerifyCode?d='+new Date()*1">

    <input type="text" name="code" class="form-control" th:placeholder="验证码" required="">

    <a class="btn btn-lg btn-primary btn-block" th:href="@{/enroll}">注册</a>
    <br>

    <button class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
    <p class="mt-5 mb-3 text-muted">© 2022-6-29</p>x

</form>

</body>
</html>

